@charset "utf-8";
.xiagu{
    width: 100%;
    height: 100%;
    .shanglu{
        width: 100%;
        background: url(../img/zhoujielun.jpg) no-repeat;
        background-size: 100% 100%;
        .shanglubox{
            background-color: rgba(0,0,0,0.5);
            .biaotou{
                background: rgba(0,0,0,.2);
                padding-top:5px ;
                .biaotoubox{
                    width: 90%;
                    height: 48px;
                    margin: 0 auto;
                    span{
                        display: inline-block;
                        font-size: 14px;
                        color: white;
                    }
                    span:nth-child(1){
                        width: 36px;
                    }
                    a{
                        color: white;
                        float: right;
                        margin-top: 10px;
                        width: 54px;
                        height: 24px;
                        border: 1px solid white;
                        border-radius: 54px;
                        text-align: center;
                    }
                }
            }
            .zhuanji{
                width: 100%;
                .zhuanjibox{
                    width: 90%;
                    margin: 0 auto;
                    font-size: 0;
                    margin-top: 17px;
                    span{
                        color: white;
                        display: inline-block;
                    }
                    >span:nth-child(1){
                        width: 40%;
                        vertical-align: top;
                        margin-right: 10px;
                        img{
                            width: 100%;
                        }
                    }
                    span:nth-child(2){
                        width: 55%;
                        ul{
                            li{
                                margin-top: 8px;
                            }
                            li:nth-child(1){
                                font-size: 18px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                            }
                            li:nth-child(2){
                                font-size: 14px;
                                img{
                                    width: 24px;
                                    height: 24px;
                                    border-radius: 50%;
                                    vertical-align: middle;
                                }
                                span:nth-child(2){
                                    vertical-align: middle;
                                }
                            }
                            li:nth-child(3){
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
            .bofang{
                height: 60px;
                margin-top: 20px;
                position: relative;
                .bofangbox{
                    width: 170px;
                    height: 40px;
                    margin: 0 auto;
                    a{
                        width: 100%;
                        height: 100%;
                        background: #31c27c;
                        line-height: 40px;
                        text-align: center;
                        border-radius: 40px;
                        display: inline-block;
                        color: white;
                    }
                    .bofangyinyue{
                        display: none;
                        .yinyue{
                            position: absolute;
                            top: -4px;
                            left: 20px;
                            font-size: 0;
                            .kaishi{
                                display: none;
                            }
                            svg{
                                fill: none;
                                stroke: #31c27c;
                                stroke-width: 2;
                                width: 46px;
                                height: 46px;
                                .kaishi{
                                    width: 46px;
                                    height: 46px;
                                }
                                .zanting{
                                    width: 46px;
                                    height: 46px;
                                }
                            }
                            .gequ{
                                display: inline-block;
                                font-size: 0;
                                vertical-align: top;
                                color: white;
                                h2{
                                    text-align: left;
                                    margin-top: 4px;
                                    font-size: 14px;
                                }
                                .geci{
                                    height: 15px;
                                    overflow: hidden;
                                    width: 80%;
                                    ul{
                                        li{
                                            font-size: 15px;
                                            height: 20px;
                                            transition: all 1s;
                                            font-size: 15px;
                                            width: 100%;
                                        }
                                    }
                                }
                            }
                        }
                        .xiazai{
                            position: absolute;
                            width: 26px;
                            height: 26px;
                            bottom: 27px;
                            right: 20px;
                            stroke: #31c27c;
                        }
                    }
                }
            }
        }
    }
    .zhonglu{
        width: 100%;
        .zhonglubox{
            width: 90%;
            height: 55px;
            line-height: 55px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            color: #777;
            font-size: 14px;
            .shoucang{
                span{
                    margin-right: 5px;
                    vertical-align: middle;
                }
                i{
                    vertical-align: middle;
                }
            }
        }
    }
    .xialu{
        width: 100%;
        .xialubox{
            width: 90%;
            margin: 0 auto;
            ul{
                li{
                    padding-top: 16px;
                    padding-bottom: 16px;
                    div:nth-child(1){
                        font-size: 16px;
                    }
                    div:nth-child(2){
                        color: #777777;
                        font-size: 12px;
                    }
                }
            }
        }
    }
    .zuihou{
        width: 100%;
        .zuihoubox{
            width: 90%;
            margin: 0 auto;
            .jiazai{
                text-align: center;
                margin-bottom: 15px;
                a{
                    color: black;
                }
            }
            h2{
                height: 55px;
                line-height: 55px;
                text-align: center;
                font-size: 14px;
            }
            p{
                color: #777777;
                font-size: 14px;
            }
            div{
                padding-top: 20px;
                padding-bottom: 20px;
                .tupian{
                    width: 32px;
                    height: 32px;
                    margin: 0 auto;
                }
                div{
                    text-align: center;
                }
            }
        }
    }
}
